<template>
		<view class="personal">
			<view class="personal_top">
				<view class="personal_name">
					<image src=""></image>
					<text>薇娅</text>
				</view>
			</view>
			<view class="personal_data">
				<view @click="personalNane()">
					<text>昵称</text>
					<image src="../../../static/YunCangImg/back.png"></image>
				</view>
				<view @click="introduce()">
					<text>个人介绍</text>
					<image src="../../../static/YunCangImg/back.png"></image>
				</view>
				<view @click="AnchorCard()">
					<text>主播卡</text>
					<image src="../../../static/YunCangImg/back.png"></image>
				</view>
				<view @click="Specialty()">
					<text>兴趣特长</text>
					<image src="../../../static/YunCangImg/back.png"></image>
				</view>
				<view @click="glory()">
					<text>荣获奖项</text>
					<image src="../../../static/YunCangImg/back.png"></image>
				</view>
				<view>
					<text>个人经历</text>
					<image src="../../../static/YunCangImg/back.png"></image>
				</view>
				<view @click="Tagging()">
					<text>添加标签</text>
					<image src="../../../static/YunCangImg/back.png"></image>
				</view>
			</view>
		</view>
</template>

<script>
	export default{
		data(){
			return{
				personalNane(){
					uni.navigateTo({
						url: '../personalNane/personalNane'
					})
				},
				introduce(){
					uni.navigateTo({
						url: '../introduce/introduce'
					})
				},
				Specialty(){
					uni.navigateTo({
						url: '../Specialty/Specialty'
					})
				},
				experience(){
					uni.navigateTo({
						url: '../experience/experience'
					})
				},
				glory(){
					uni.navigateTo({
						url: '../glory/glory'
					})
				},
				Tagging(){
					uni.navigateTo({
						url: '../Tagging/Tagging'
					})
				},
				AnchorCard(){
					uni.navigateTo({
						url: '../AnchorCard/AnchorCard'
					})
				},
			}
		}
	}
</script>

<style lang="less">
		.personal{
			.personal_top{
				width: 100%;
				    height: 300upx;
				    display: flex;
				.personal_name{
					display: flex;
					    justify-content: center;
					    margin: auto;
					    flex-wrap: wrap;
					    width: 90px;
					image{
						width: 140upx;
						height: 140upx;
						border-radius: 50%;
						border:1px solid;
					}
					text{
					font-size: 30upx;
					margin-top: 20upx;
					}
				}
			}
			.personal_data{
				width: 100%;
				padding: 20upx 0;
				uni-view{
					display: flex;
					align-items: center;
					justify-content: space-between;
					border-bottom: 1upx solid #ECECEC;
					margin: 0 30upx;
					image{
						width: 50upx;
						height: 50upx;
						align-items: center;
					}
					uni-text{
						font-size: 26upx;
						margin: 30upx 0;
						color: #333333;
						text-indent: 10upx;
					}
				}
			}
		}
</style>
